<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="app">
			<!-- 注意：如果是用-连接的样式，需要驼峰书写 -->
			<h1 :style="{color: redstyle, fontWeight: weightstyle}">今天是个好日子</h1>
			<p :style="allstyle">我们是幸福的花朵</p>
		</div>
		<script src="vue.js"></script>
		<script type="text/javascript">
			var vm = new Vue({
				el: "#app",
				data: {
					redstyle: 'red',
					weightstyle: '700',
					allstyle: {
						color: 'red',
						fontWeight: '700',
						fontSize: '66px'
					}
				},
				methods: {}
			})
		</script>
	</body>
</html>

